// 全局滚动条样式
::-webkit-scrollbar {
  width: 0;  // 隐藏垂直滚动条
  height: 0; // 隐藏水平滚动条
}

// 全局样式
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-x: hidden;
  -ms-overflow-style: none;  // IE 和 Edge
  scrollbar-width: none;     // Firefox
}

// 内容容器样式
.content-container {
  max-height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; // iOS 滚动优化
}

// 平滑滚动
* {
  scroll-behavior: smooth;
}

#app {
  height: 100%;
}

.el-container {
  height: 100%;
}

.el-main {
  padding: 20px;
} 